<template>
  <el-carousel height="400px">
    <el-carousel-item v-for="item in carousel" :key="item">
      <el-image :src="item" fit="fill"/>
    </el-carousel-item>
  </el-carousel>
</template>

<script>
  export default {
    name: "Carousel",
    data() {
      return {
        carousel: ["https://z3.ax1x.com/2021/04/10/caIJzt.jpg","https://z3.ax1x.com/2021/04/10/caIMZD.jpg","https://z3.ax1x.com/2021/04/10/caIrJs.jpg",require('@/assets/img/GIF.gif')]
    }
    }
  }
</script>

<style scoped>

</style>
